<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<style>
		.ui-bar-f{
			 color: white;
    		background-color: #8968CD;
		}	
</style>
</head>
<body>


<div data-role="page" id="pageone">
	<div data-role="header" data-theme="f">
	 <a href="index.html" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b ui-icon-back ui-btn-icon-left" data-rel="back">返回</a>
    <h1>所有问答</h1>
  </div>
  
  <div data-role="main" class="ui-content">
  	<a href="#pagetwo" class="ui-btn ui-btn-inline ui-corner-all ">我要提问</a>
    <h2>最新问题</h2>
    
    <ul data-role="listview" data-inset="true">
      <li>
        <a href="#">
        <img src="img/Desert.jpg">
        <h2>筱筱</h2>
        <p>吉他简谱</p>
        <span class="ui-li-count">25</span>
        </a>
      </li>
      <li>
        <a href="questionDe">
        <img src="img/snow.jpeg">
        <h2>千城飘雪</h2>
        <p>竹笛</p>
         <span class="ui-li-count">125</span>
         
        </a>
      </li>
    </ul>
    
     <h2>尚未解决</h2>
    
    <ul data-role="listview" data-inset="true">
      <li>
        <a href="#">
        <img src="img/Desert.jpg">
        <h2>筱筱</h2>
        <p>吉他简谱</p>
        <span class="ui-li-count">25</span>
        </a>
      </li>
      <li>
        <a href="questionDe">
        <img src="img/snow.jpeg">
        <h2>千城飘雪</h2>
        <p>竹笛</p>
         <span class="ui-li-count">125</span>
         
        </a>
      </li>
    </ul>
    
     <h2>讨论最多</h2>
    
    <ul data-role="listview" data-inset="true">
      <li>
        <a href="#">
        <img src="img/Desert.jpg">
        <h2>筱筱</h2>
        <p>吉他简谱</p>
        <span class="ui-li-count">25</span>
        </a>
      </li>
      <li>
        <a href="questionDe">
        <img src="img/snow.jpeg">
        <h2>千城飘雪</h2>
        <p>竹笛</p>
         <span class="ui-li-count">125</span>
         
        </a>
      </li>
    </ul>
  </div>
  <div data-role="footer" data-position="fixed" data-theme="f">
    <h1>灵乐在线乐器学习平台</h1>
  </div> 
</div>

<!--我要提问-->
<div data-role="page" data-dialog="true" id="pagesix">
  

  <div data-role="main" class="ui-content">
      	 <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b ui-icon-back ui-btn-icon-left" data-rel="back">返回</a>
  	
   <form method="post" action="java.asp">
      <div class="ui-field-contain">

        <label for="tt">标题：</label>
        <input type="text" name="tt" id="tt" placeholder="用一句简要的话描述你的问题...">
        
        <label for="info">正文：</label>
         <textarea name="addinfo" id="info" placeholder="补充..."></textarea>
          <fieldset data-role="fieldcontain">
        <label for="day">选择类型</label>
        <select name="day" id="day">
         <option value="mon">笛</option>
         <option value="tue">萧</option>
         <option value="wed">钢琴</option>
         <option value="thu">小提琴</option>
         <option value="fri">吉他</option>
         <option value="sat">笙</option>
         <option value="sun">琵琶</option>
        </select>
      </fieldset>
      </div>
      <input type="submit" data-inline="true" value="发布">
    </form> 
  </div>
</body>
</html>